<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title></title>
	<!-- 2.内联js -->
	<script type="text/javascript">
		// 单行注释 ctrl + /
		/*
			多行注释 ctrl+shift+/
		*/
		// alert("我是内联的")
		// 注意: 浏览器默认情况是从上到下解析,js放head里,如果要获取页面上的元素,拿到的是空
		// 解决方法:1.js代码放到html代码结束的地方
		// 			2.如果非要写在head里,使用window.onload = function(){}

		// 等待页面加载完之后,在执行{}里的代码
		window.onload = function(){
			// 获取一下div
			var dom = document.querySelector('div')
			// 打印输出一下
			console.log(dom)
		}
	</script>
	<!-- 3.外联 -->
	<script type="text/javascript" src="index.js">
		
	</script>
</head>
<body>
	<!-- 1.行内 onclick点击事件 alert弹框-->
	<div onclick="alert('两天又放假')">点点点</div>
	<!-- 第二种 -->


	
	
</body>
		<!-- 
		注意：1.不推荐把js代码放head里，推荐放到body结束之后
			2.可以出现多个script
			3.在一对script里，如果有错误代码，后面的代码不会执行，但是不影响其他script标签
			4.如果使用外联js，那么script标签里不要出现任何js代码

	 -->
		<script type="text/javascript">
		// 单行注释 ctrl + /
		/*
			多行注释 ctrl+shift+/


		*/
		// alert("我是内联的")
			// 获取一下div
			var dom = document.querySelector('div')
			// 打印输出一下
			console.log(dom)		
	</script>
</html>